﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="imagetoolbar" content="no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="stylesheet" href="${base}/css/common.css">
    <link rel="stylesheet" href="${base}/css/share.css">
    <script>
        var HtmlUtil = {
            /*2.用正则表达式实现html解码*/
            htmlEncodeByRegExp:function (str){
                var s = "";
                if(str.length == 0) { 
                	return "";  
                }
                s = str.replace(/&amp;/g,"&"); 
                s = s.replace(/&lt;/g,"<"); 
                s = s.replace(/&gt;/g,">"); 
                s = s.replace(/&nbsp;/g," "); 
                s = s.replace(/&#39;/g,"\'"); 
                s = s.replace(/&quot;/g,"\""); 
                return s; 
           }
        };
    </script>
</head>
<body>
<div class="m-say-tt">
    <h2 class="u-word">${title?if_exists}</h2>
    <div class="m-day-word">
                        <span class="first"><span class="from">来自</span>＃想唱就唱＃</span>
                        <span class="last">${updatetime?if_exists}</span>
    </div>
</div>
<div class="m-say-ct"  id="container" data-init="editor_share">
            <div class="m-say-audio">
        <div data-src="${mp3?if_exists}" class="u-paly"></div>
        <div class="m-bar">
            <div class="m-total">
                <div class="m-progress">
                    <div class="u-point"></div>
                </div>
            </div>
            <div class="u-time"></div>
        </div>
    </div>
     <script>
     document.write(HtmlUtil.htmlEncodeByRegExp("${content?if_exists}"));
     </script>           
</div>
<div class="m-say-bar"></div>
<div class="m-say-comment">
	<div class="u-count">回复数(${count?if_exists})</div>
	<ul>
		<#list comments as comment>
		<li>
            <p class="img_box"><img class="u-head" src="${comment.head}"></p>
            <div class="m-msg">
                <div class="m-info">
                    <em>${comment.nickname}</em>
                    <em>${comment.updatetime}</em>
                </div>
                <div class="m-cmt-txt">
                	${comment.content}  
                </div>
                <#if  comment.length gt 0>
                <div data-src="${comment.url}" class="m-cmt-audio short">
                    <div class="time">${comment.length}''</div>
                    <div class="blink"></div>
                </div>
                </#if>
              </div>
        </li>
		</#list>
	</ul>
</div>

<div class="down_client"  style="background-color:#1758A1;">
	<img src="${base}/images/144.png" width="50px" height="40px" style="margin-left: 10px;margin-top: 0px;">
    <a >更多评论请下载客户端查看</a>
</div>
<script src="${base}/js/vendor.js" type="text/javascript" charset="utf-8" language="javascript"></script>
</body>
</html>